<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 1. new XMLHttpRequest() 创建 xhr 对象
      const xhr = new XMLHttpRequest();
      // 2. 设置请求信息
      // 通过 open 方法设置请求方式和请求地址
      // 通过 setRequestHeader 方法设置请求头
      xhr.open("GET", "/login");
      xhr.setRequestHeader("token", "xxxx");
      // 3. 发送请求
      xhr.send(); // 如果将来需要请求体参数，send方法中传入
      // 4. 接受响应
      // xhr.onreadystatechange = function () {
      //   if (xhr.readyState === 4) {
      //     // 接受全部响应
      //     if (xhr.status >= 200 && xhr.status < 300) {
      //       //  成功
      //     } else {
      //       // 失败
      //     }
      //   }
      // }
      xhr.onload = function () {
        if (xhr.status >= 200 && xhr.status < 300) {
          //  成功
        } else {
          // 失败
        }
      };
    </script>
  </body>
</html>
